<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="在线教育.css">
    </head>
    <body>
			<div class="hander">
				<div class="handerInfo">
					<div class="logo">
						<h1>
							<span>学习在线</span>
						</h1>
					</div>
					<ul class="menu">
						<li><a href="#">首页</a></li>
						<li><a href="#">课程</a></li>
						<li><a href="#">职业规划</a></li>
					</ul>
					<div class="F_right">
						<div class="search">
							<input type="text" value="请输入关键词">
							<a href="#" class="Icon"></a>
						</div>
						<div class="userInfo">
							<img src="images/user.png" height="33" width="32">
							<span>qq-leishui</span>
						</div>
					</div>
				</div>
			</div>
			<div class="banner">
				<div class="bannerInfo">
					<div class="image_banner"></div>
					
				</div>
				
			</div>
			<div class="nav">
				<div class="navInfo">
					<div class="nav_menu">
						<ul>
							<li><a href="#">精品推荐</a></li><span></span>
							<li><a href="#">JQurry</a></li><span></span>
							<li><a href="#">Spark</a></li><span></span>
							<li><a href="#">MYSQL</a></li><span></span>
							<li><a href="#">JavaWeb</a></li><span></span>
							<li><a href="#">MYSQL</a></li><span></span>
							<li><a href="#">JavaWeb</a></li>
						</ul>
					</div>
					<div class="nav_menu2">
						<a href="#">修改意见</a>
					</div>
				</div>
				<div class="tui">
					<div class="tuiInfo">
						<div class="tuihand">
							<a href="#">精品推荐</a>
							<a href="#">查看全部</a>
						</div>
						<div class="tuibody">
							<div>
								
							<img src="images/pro.png" height="155" width="233"> 
							  <div class="text">
						  		Think&nbsp;&nbsp;php &nbsp;&nbsp;5.0&nbsp;&nbsp;博客系统
									项目演练<br>
									<a href="#">高级</a>
									&nbsp;&nbsp;<strong>.1125人在学习</strong></span>
								</div>

							</div>
							<div>
								
							<img src="images/pro.png" height="155" width="233"> 
							  <div class="text">
						  		Think&nbsp;&nbsp;php &nbsp;&nbsp;5.0&nbsp;&nbsp;博客系统
									项目演练<br>
									<a href="#">高级</a>
									&nbsp;&nbsp;<strong>.1125人在学习</strong></span>
								</div>

							</div>

							<div>
								
							<img src="images/pro.png" height="155" width="233"> 
							  <div class="text">
						  		Think&nbsp;&nbsp;php &nbsp;&nbsp;5.0&nbsp;&nbsp;博客系统
									项目演练<br>
									<a href="#">高级</a>
									&nbsp;&nbsp;<strong>.1125人在学习</strong></span>
								</div>

							</div>
							<div>
								
							<img src="images/pro.png" height="155" width="233"> 
							  <div class="text">
						  		Think&nbsp;&nbsp;php &nbsp;&nbsp;5.0&nbsp;&nbsp;博客系统
									项目演练<br>
									<a href="#">高级</a>
									&nbsp;&nbsp;<strong>.1125人在学习</strong></span>
								</div>

							</div>
							<div>
								
							<img src="images/pro.png" height="155" width="233"> 
							  <div class="text">
						  		Think&nbsp;&nbsp;php &nbsp;&nbsp;5.0&nbsp;&nbsp;博客系统
									项目演练<br>
									<a href="#">高级</a>
									&nbsp;&nbsp;<strong>.1125人在学习</strong></span>
								</div>

							</div>
							<div>
								
							<img src="images/pro.png" height="155" width="233"> 
							  <div class="text">
						  		Think&nbsp;&nbsp;php &nbsp;&nbsp;5.0&nbsp;&nbsp;博客系统
									项目演练<br>
									<a href="#">高级</a>
									&nbsp;&nbsp;<strong>.1125人在学习</strong></span>
								</div>

							</div>
							<div>
								
							<img src="images/pro.png" height="155" width="233"> 
							  <div class="text">
						  		Think&nbsp;&nbsp;php &nbsp;&nbsp;5.0&nbsp;&nbsp;博客系统
									项目演练<br>
									<a href="#">高级</a>
									&nbsp;&nbsp;<strong>.1125人在学习</strong></span>
								</div>

							</div>
							<div>
								
							<img src="images/pro.png" height="155" width="233"> 
							  <div class="text">
						  		Think&nbsp;&nbsp;php &nbsp;&nbsp;5.0&nbsp;&nbsp;博客系统
									项目演练<br>
									<a href="#">高级</a>
									&nbsp;&nbsp;<strong>.1125人在学习</strong></span>
								</div>

							</div>
							<div>
								
							<img src="images/pro.png" height="155" width="233"> 
							  <div class="text">
						  		Think&nbsp;&nbsp;php &nbsp;&nbsp;5.0&nbsp;&nbsp;博客系统
									项目演练<br>
									<a href="#">高级</a>
									&nbsp;&nbsp;<strong>.1125人在学习</strong></span>
								</div>

							</div>
							<div>
								
							<img src="images/pro.png" height="155" width="233"> 
							  <div class="text">
						  		Think&nbsp;&nbsp;php &nbsp;&nbsp;5.0&nbsp;&nbsp;博客系统
									项目演练<br>
									<a href="#">高级</a>
									&nbsp;&nbsp;<strong>.1125人在学习</strong></span>
								</div>

							</div>
							
						</div>
					</div>
				</div>
			</div>
    	
    </body>
</html>